<template>
  <div class="page">
    <div class="nav_container">
      <mynav></mynav>
    </div>
    <div class="container context_container">
      <div class="row">
        <div class="col-12 col-md-3">
          <div class="nav flex-column nav-pills let-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab"
              aria-controls="v-pills-home" aria-selected="true">公司介绍</a>
            <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab"
              aria-controls="v-pills-profile" aria-selected="false">团队风采</a>
            <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab"
              aria-controls="v-pills-profile" aria-selected="false">个人简介</a>
            <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab"
              aria-controls="v-pills-profile" aria-selected="false">公司动态</a>
          </div>
        </div>
        <div class="col-12 col-md-9">
          <div class="tab-content right-content" id="v-pills-tabContent">
            <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
              <h3>公司介绍<small><br>时间:2020-07-28&nbsp;&nbsp;&nbsp;作者:黑猫</small></h3>
              公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍公司介绍

            </div>
            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">团队风采团队风采团队风采团队风采</div>
            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">个人简介个人简介个人简介个人简介</div>
            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">公司动态公司动态公司动态公司动态公司动态</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import mynav from "@/components/nav";
  export default {
    components: {
      mynav
    },
    data() {
      return {}
    },
    watch: {},
    mounted() {
      this.value = this.$route.params.args;
    },
    methods: {

    }
  }
</script>
<style lang="less" scoped>
  .page {
    .nav_container {
      background: #382FBA;
      width: 100%;
      height: 74px;
    }

    .w-100 {
      width: 1920px;
      height: 500px;
    }

    .context_container {
      margin: 15px auto;
      font-size: 14px;

      .let-nav {
        border: 1px solid #f5f5f5;
        box-shadow: 1px 1px 10px 10px #f6f6f6;

        // max-width:200px;
        >a {
          width: 100%;
          margin: 5px auto;
        }
      }

      .right-content {
        border: 1px solid #f5f5f5;
        box-shadow: 1px 1px 10px 10px #f6f6f6;

        >div {
          padding: 15px;
        }

        h3 {
          margin: 15px;
        }
      }
    }
  }
</style>
